import { Meta } from "@storybook/addon-docs";
import { Flex } from "@appsmith/wds";
import { AIChatIcon } from "../components/Icons/AIChatIcon";
import { AudioIcon } from "../components/Icons/AudioIcon";
import { ButtonIcon } from "../components/Icons/ButtonIcon";
import { CameraIcon } from "../components/Icons/CameraIcon";
import { CategorySliderIcon } from "../components/Icons/CategorySliderIcon";
import { ChartIcon } from "../components/Icons/ChartIcon";
import { CheckboxGroupIcon } from "../components/Icons/CheckboxGroupIcon";
import { CheckboxIcon } from "../components/Icons/CheckboxIcon";
import { CodeScannerIcon } from "../components/Icons/CodeScannerIcon";
import { ColumnIcon } from "../components/Icons/ColumnIcon";
import { ComboboxSelectIcon } from "../components/Icons/ComboboxSelectIcon";
import { ContainerIcon } from "../components/Icons/ContainerIcon";
import { CurrencyInputIcon } from "../components/Icons/CurrencyInputIcon";
import { CustomWidgetIcon } from "../components/Icons/CustomWidgetIcon";
import { DatePickerIcon } from "../components/Icons/DatePickerIcon";
import { DividerIcon } from "../components/Icons/DividerIcon";
import { DocumentIcon } from "../components/Icons/DocumentIcon";
import { EmailInputIcon } from "../components/Icons/EmailInputIcon";
import { FilePickerIcon } from "../components/Icons/FilePickerIcon";
import { FormIcon } from "../components/Icons/FormIcon";
import { HeadingIcon } from "../components/Icons/HeadingIcon";
import { IconButtonIcon } from "../components/Icons/IconButtonIcon";
import { ImageIcon } from "../components/Icons/ImageIcon";
import { InlineButtonsIcon } from "../components/Icons/InlineButtonsIcon";
import { InputIcon } from "../components/Icons/InputIcon";
import { JSONFormIcon } from "../components/Icons/JSONFormIcon";
import { KeyValueIcon } from "../components/Icons/KeyValueIcon";
import { ListIcon } from "../components/Icons/ListIcon";
import { MapChartIcon } from "../components/Icons/MapChartIcon";
import { MapIcon } from "../components/Icons/MapIcon";
import { MenuButtonIcon } from "../components/Icons/MenuButtonIcon";
import { ModalIcon } from "../components/Icons/ModalIcon";
import { MultiSelectIcon } from "../components/Icons/MultiSelectIcon";
import { MultiTreeSelectIcon } from "../components/Icons/MultiTreeSelectIcon";
import { MultilineInputIcon } from "../components/Icons/MultilineInputIcon";
import { NumberInputIcon } from "../components/Icons/NumberInputIcon";
import { NumberSliderIcon } from "../components/Icons/NumberSliderIcon";
import { ParagraphIcon } from "../components/Icons/ParagraphIcon";
import { PasswordInputIcon } from "../components/Icons/PasswordInputIcon";
import { PhoneInputIcon } from "../components/Icons/PhoneInputIcon";
import { ProgressIcon } from "../components/Icons/ProgressIcon";
import { RadioGroupIcon } from "../components/Icons/RadioGroupIcon";
import { RangeSliderIcon } from "../components/Icons/RangeSliderIcon";
import { RatingIcon } from "../components/Icons/RatingIcon";
import { RecorderIcon } from "../components/Icons/RecorderIcon";
import { RichTextEditorIcon } from "../components/Icons/RichTextEditorIcon";
import { RowIcon } from "../components/Icons/RowIcon";
import { SectionIcon } from "../components/Icons/SectionIcon";
import { SelectIcon } from "../components/Icons/SelectIcon";
import { StatsBoxIcon } from "../components/Icons/StatsBoxIcon";
import { SwitchGroupIcon } from "../components/Icons/SwitchGroupIcon";
import { SwitchIcon } from "../components/Icons/SwitchIcon";
import { TableIcon } from "../components/Icons/TableIcon";
import { TabsIcon } from "../components/Icons/TabsIcon";
import { ToolbarButtonsIcon } from "../components/Icons/ToolbarButtonsIcon";
import { TreeSelectIcon } from "../components/Icons/TreeSelectIcon";
import { VideoIcon } from "../components/Icons/VideoIcon";
import { ZoneIcon } from "../components/Icons/ZoneIcon";
import { iFrameIcon } from "../components/Icons/iFrameIcon";

<Meta title="Appsmith Icons/Icons" />

# Icons

Icon set for Entity Explorer Panel, which provides a visual representation of the widgets.

export const Icons = () => {
  return (
    <Flex gap="spacing-4" wrap="wrap">
      <AIChatIcon />
      <AudioIcon />
      <ButtonIcon />
      <CameraIcon />
      <CategorySliderIcon />
      <ChartIcon />
      <CheckboxGroupIcon />
      <CheckboxIcon />
      <CodeScannerIcon />
      <ColumnIcon />
      <ComboboxSelectIcon />
      <ContainerIcon />
      <CurrencyInputIcon />
      <CustomWidgetIcon />
      <DatePickerIcon />
      <DividerIcon />
      <DocumentIcon />
      <EmailInputIcon />
      <FilePickerIcon />
      <FormIcon />
      <HeadingIcon />
      <IconButtonIcon />
      <ImageIcon />
      <InlineButtonsIcon />
      <InputIcon />
      <JSONFormIcon />
      <KeyValueIcon />
      <ListIcon />
      <MapChartIcon />
      <MapIcon />
      <MenuButtonIcon />
      <ModalIcon />
      <MultiSelectIcon />
      <MultiTreeSelectIcon />
      <MultilineInputIcon />
      <NumberInputIcon />
      <NumberSliderIcon />
      <ParagraphIcon />
      <PasswordInputIcon />
      <PhoneInputIcon />
      <ProgressIcon />
      <RadioGroupIcon />
      <RangeSliderIcon />
      <RatingIcon />
      <RecorderIcon />
      <RichTextEditorIcon />
      <RowIcon />
      <SectionIcon />
      <SelectIcon />
      <StatsBoxIcon />
      <SwitchGroupIcon />
      <SwitchIcon />
      <TableIcon />
      <TabsIcon />
      <ToolbarButtonsIcon />
      <TreeSelectIcon />
      <VideoIcon />
      <ZoneIcon />
      <iFrameIcon />
    </Flex>
  );
};

<Icons />
